<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>大唐官网</title>
    <link rel="stylesheet" href="./less/index.css">
</head>

<body>
    <header class="header-box">头部</header>
    <section class="banner-box">
        <img src="./imgs/images/Banner_2.jpg">
    </section>
    <section class="wrapper-box">
        <div class="main">
            <div class="main-left">
                <img src="./imgs/images/yuantu_20171109141219402122428.jpg">
            </div>
            <div class="main-right">
                <ul class="list">
                    <li class="active">
                        <span>集团</span>要闻
                    </li>
                    <li>
                        <span>综合</span>新闻
                    </li>
                </ul>
                <ul class="news">
                    <li class="active">
                        <h2>大唐海南能源开发有限公司揭牌成立</h2>
                        <p>11月24日，大唐海南能源开发有限公司在海口市揭牌成立。集团公司董事长、党组书记陈进行与海南省副省长李国梁共同为大唐海南能源开发有限公司成立揭牌。
                            <span>[详情]</span>
                        </p>

                    </li>
                    <li>
                        <p>我们都在寻找一个方向</p>
                        <p>我们都在寻找一个方向</p>
                        <p>我们都在寻找一个方向</p>
                        <p>我们都在寻找一个方向</p>
                    </li>
                </ul>
            </div>
        </div>
        <div class="main-bottom">
            <div class="mb-left">
                <div class="mbl-top">
                    <div class="mbl-top-left">
                        <ul class="list1">
                            <li class="active">
                                <span>深度</span>报道
                            </li>
                            <li>
                                <span>独家</span>新闻
                            </li>
                        </ul>
                        <ul class="news1">
                            <li class="active">
                                <h2>大唐海南能源开发有限公司揭牌成立</h2>
                                <p>11月24日，大唐海南能源开发有限公司在海口市揭牌成立。集团公司董事长、党组书记陈进行与海南省副省长李国梁共同为大唐海南能源开发有限公司成立揭牌。
                                    <span>[详情]</span>
                                </p>
                            </li>
                            <li>
                                <img src="./imgs/images/yuantu_20171121113113-543894713.jpg">
                            </li>
                        </ul>
                        <div class="genguo">
                            <img src="./imgs/images/more.gif">
                        </div>
                    </div>
                    <div class="mbl-top-right">
                        <ul class="list2">
                            <li class="active">
                                <span>集团</span>要闻
                            </li>
                            <li>
                                <span>综合</span>新闻
                            </li>
                        </ul>
                        <ul class="news2">
                            <li class="active">
                                <h2>大唐海南能源开发有限公司揭牌成立</h2>
                                <p>11月24日，大唐海南能源开发有限公司在海口市揭牌成立。集团公司董事长、党组书记陈进行与海南省副省长李国梁共同为大唐海南能源开发有限公司成立揭牌。
                                    <span>[详情]</span>
                                </p>

                            </li>
                            <li>
                                <p>我们都不在年轻</p>
                                <p>我们都不在年轻</p>
                                <p>我们都不在年轻</p>
                                <p>我们都不在年轻</p>
                            </li>
                        </ul>
                        <div class="genguo">
                            <img src="./imgs/images/more.gif">
                        </div>
                    </div>

                </div>
                <div class="mbl-bottom">
                    <div class="mblb-left">
                        <h6>
                            <img src="./imgs/images/火狐截图_2017-11-27T10-40-27_03.png">
                        </h6>
                        <ul>
                            <li>
                                <span>[11-27]</span>彭水水电公司年发电量取得突破</li>
                            <li>
                                <span>[11-27]</span>彭水水电公司年发电量取得突破</li>
                            <li>
                                <span>[11-27]</span>彭水水电公司年发电量取得突破</li>
                            <li>
                                <span>[11-27]</span>彭水水电公司年发电量取得突破</li>
                            <li>
                                <span>[11-27]</span>彭水水电公司年发电量取得突破</li>
                            <li>
                                <span>[11-27]</span>彭水水电公司年发电量取得突破</li>
                            <li>
                                <span>[11-27]</span>彭水水电公司年发电量取得突破</li>
                        </ul>
                        <div class="genguo">
                            <img src="./imgs/images/more.gif">
                        </div>
                    </div>
                    <div class="mblb-right">
                        <h6>
                            <img src="./imgs/images/火狐截图_2017-11-27T10-40-27_03.png">
                        </h6>
                        <ul>
                            <li>
                                <span>[11-27]</span>彭水水电公司年发电量取得突破</li>
                            <li>
                                <span>[11-27]</span>彭水水电公司年发电量取得突破</li>
                            <li>
                                <span>[11-27]</span>彭水水电公司年发电量取得突破</li>
                            <li>
                                <span>[11-27]</span>彭水水电公司年发电量取得突破</li>
                            <li>
                                <span>[11-27]</span>彭水水电公司年发电量取得突破</li>
                            <li>
                                <span>[11-27]</span>彭水水电公司年发电量取得突破</li>
                            <li>
                                <span>[11-27]</span>彭水水电公司年发电量取得突破</li>
                        </ul>
                        <div class="genguo">
                            <img src="./imgs/images/more.gif">
                        </div>
                    </div>
                </div>




            </div>
            <div class="mb-right">
                <div class="mbr-top">
                    <ul class="list3">
                        <li class="active">
                            <span>集团</span>要闻
                        </li>
                        <li>
                            <span>综合</span>新闻
                        </li>
                    </ul>
                    <ul class="news3">
                        <li class="active">
                            <h2>大唐海南能源开发有限公司揭牌成立</h2>

                        </li>
                        <li>
                            <p>宁愿笑着流泪，也不哭着说后悔</p>
                            <p>宁愿笑着流泪，也不哭着说后悔</p>
                            <p>宁愿笑着流泪，也不哭着说后悔</p>
                            <p>宁愿笑着流泪，也不哭着说后悔</p>
                            <p>宁愿笑着流泪，也不哭着说后悔</p>
                        </li>
                    </ul>
                </div>
                <div class="mbr-bottom">
                    <h2>图片新闻</h2>
                    <div>
                        <img src="./imgs/images/yuantu_20171122183942504802410.jpg">
                        <p>信仰发电：开展学习十九大精神主题党日活动</p>
                    </div>
                </div>
            </div>



        </div>



    </section>
    <footer class="footer-box">底部</footer>
    <script src="./js/jquery.js"></script>
    <script src="./js/index.js"></script>
</body>

</html>